<template>
  <div class="head">
    <div class="title">销售额</div>
    <div class="demo-date-picker">
      <div class="block">
        <el-date-picker
          v-model="value1"
          type="daterange"
          start-placeholder="请选择时间段"
        />
      </div>
    </div>
    <el-button type="primary" :icon="Search">Search</el-button>
  </div>
</template>

<script>
import { Search } from "@element-plus/icons-vue";
import { ref } from "vue";

const value1 = ref("");
export default {
  name: "HomeHead",
  data() {
    return {
      value1,
      Search,
    };
  },
};
</script>

<style lang="less">
.head {
  display: flex;
  height: 50px;
  background-color: pink;
  .title {
    margin-left: 16px;
    margin-right: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #101010;
  }
  .el-date-editor .el-range-separator {
    display: none;
  }
}
</style>